.edit-container {
    min-height: 100vh;
    background: #f5f6fa;
    padding-bottom: 120rpx;
}

.upload-section {
    position: relative;
    width: 100%;
    height: 400rpx;
    background: #fff;
    overflow: hidden;

    .store-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .upload-mask {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 120rpx;
        // 修改为黑色渐变
        background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12rpx;

        text {
            color: #fff;
            font-size: 28rpx;
        }

        &:active {
            // 点击时加深渐变
            background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
        }
    }
}

.form-container {
    padding: 20rpx;
}

.form-section {
    background: #fff;
    border-radius: 16rpx;
    padding: 30rpx;
    margin-bottom: 20rpx;
    box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);

    .section-title {
        display: flex;
        align-items: center;
        gap: 12rpx;
        margin-bottom: 24rpx;

        text {
            font-size: 32rpx;
            font-weight: 600;
            color: #333;
        }
    }

    .address-picker {
        .location-btn {
            background: #f8f9fc;
            border-radius: 16rpx;
            padding: 24rpx;
            margin-bottom: 24rpx;
            transition: all 0.3s ease;

            &:active {
                background: #f0f7ff;
            }

            .btn-content {
                display: flex;
                align-items: center;
                justify-content: space-between;

                .left {
                    display: flex;
                    align-items: center;
                    gap: 16rpx;
                    flex: 1;

                    .btn-text {
                        font-size: 28rpx;
                        color: #666666;
                        flex: 1;
                    }
                }
            }
        }

        .address-preview {
            background: #ffffff;
            border-radius: 16rpx;
            padding: 24rpx;
            margin-bottom: 24rpx;
            border: 2rpx solid #f0f0f0;

            .preview-item {
                display: flex;
                align-items: flex-start;
                margin-bottom: 16rpx;

                &:last-child {
                    margin-bottom: 0;
                }

                .label {
                    font-size: 26rpx;
                    color: #909399;
                    min-width: 120rpx;
                }

                .value {
                    flex: 1;
                    font-size: 26rpx;
                    color: #333333;
                    line-height: 1.5;
                    padding-left: 16rpx;
                }
            }
        }

        .map-preview {
            width: 100%;
            height: 300rpx;
            border-radius: 16rpx;
            overflow: hidden;
            margin-top: 24rpx;
            box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
        }
    }
}

.input-group {
    margin-bottom: 24rpx;

    .label {
        display: block;
        font-size: 28rpx;
        color: #666;
        margin-bottom: 12rpx;

        &.required::before {
            content: '*';
            color: #ff4d4f;
            margin-right: 4rpx;
        }
    }

    :deep(.uv-input) {
        background: #f8f9fc;
        border-radius: 8rpx;
        height: 80rpx;

        &.is-focus {
            background: #f0f7ff;
        }
    }
	
	.director,
	.opening-time {
		font-size: 27rpx;
		color: #666;
		margin-bottom: 12rpx;
		padding-left: 14rpx;
	}
}

.location-picker {
    .location-btn {
        background: #f0f7ff;
        border-radius: 16rpx;
        padding: 24rpx;
        margin-bottom: 24rpx;
        transition: all 0.3s ease;

        &:active {
            background: #e5f1ff;
        }

        .btn-content {
            display: flex;
            align-items: center;
            justify-content: space-between;

            .left {
                display: flex;
                align-items: center;
                gap: 16rpx;

                .btn-text {
                    font-size: 28rpx;
                    color: #333;
                }
            }
        }
    }

    .preview-map {
        width: 100%;
        height: 300rpx;
        border-radius: 16rpx;
        margin-top: 24rpx;
    }
}

.textarea-group {
    :deep(.uv-textarea) {
        background: #f8f9fc;
        border-radius: 8rpx;
        padding: 20rpx;
    }
}

.bottom-button {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20rpx 40rpx calc(20rpx + env(safe-area-inset-bottom));
    background: #fff;
    box-shadow: 0 -2rpx 12rpx rgba(0, 0, 0, 0.05);
    display: flex;
    gap: 20rpx;
	z-index: 9999;
    
    .custom-button {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 88rpx;
        border-radius: 44rpx;
        font-size: 32rpx;
        font-weight: 500;
        transition: all 0.3s ease;
        
        &.primary {
            background: linear-gradient(135deg, #3c9cff, #5caaff);
            color: #fff;
            box-shadow: 0 6rpx 16rpx rgba(60, 156, 255, 0.3);
            
            &:active {
                transform: translateY(2rpx);
                box-shadow: 0 2rpx 8rpx rgba(60, 156, 255, 0.2);
            }
            
            &.disabled {
                background: linear-gradient(135deg, #a8d1ff, #c8e1ff);
                color: rgba(255, 255, 255, 0.9);
                box-shadow: none;
                pointer-events: none;
            }
        }
        
        &.outline {
            background: #fff;
            color: #3c9cff;
            border: 2rpx solid #3c9cff;
            
            &:active {
                background: #f0f7ff;
                transform: translateY(2rpx);
            }
        }
    }
}

// 自定义按钮基础样式
.custom-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 88rpx;
    border-radius: 44rpx;
    font-size: 32rpx;
    font-weight: 500;
    transition: all 0.3s ease;

    &.primary {
        background: linear-gradient(135deg, #3c9cff, #5caaff);
        color: #fff;
        box-shadow: 0 6rpx 16rpx rgba(60, 156, 255, 0.3);

        &:active {
            transform: translateY(2rpx);
            box-shadow: 0 2rpx 8rpx rgba(60, 156, 255, 0.2);
        }
    }

    &.disabled {
        background: linear-gradient(135deg, #a8d1ff, #c8e1ff);
        color: rgba(255, 255, 255, 0.9);
        box-shadow: none;
        pointer-events: none;
    }
}